@media screen and (min-width:200px) {
	.nav{
		height: 117px;
		width: 100%;
		top:0;
		background-color: lightgreen;
		box-shadow: 10px 10px 10px lightgray;
		border-radius: 30px;
		position: fixed;
    	}
    	
	.logo{
		height: 44px;
    	width: 136px;
    	padding-top: 7px;
	     }
	     
	.nav-bar{
		padding-top: 20px;
	        }
	
	span{
		padding-left: 20px;
		padding-right: 20px;
	    }

	img{
		max-width: 100%;
		border-radius: 10px;
	   }
	   
	.company-img{
		margin: 2% auto;
		width: 100%;
		overflow: hidden;
		text-align: center;
		        }
		        
	.company-img span img{
		width: 5%;
	                     }
	                     
	.container{
  		position:static;
  		width:17rem;
  		background:lightgreen;
  		border-radius:30px;
  		box-shadow:0 5px 20px lightpink;
  		padding:1rem; 
  		margin:3% 3.5%;
  		text-align:center;
  		display: inline-block;
  	          }

  	
 
}

     footer{
		background: #e0e0e0;

		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		text-shadow: 2px 2px 2px white;
		color: black;
		overflow: hidden;
		border-radius: 30px 
	}
		
	.footer-left img {
		width: 5%;
	}
	.footer-left {
		float:left;
		width: 49%;
		display: inline-block;
	}
	
  	.footer-right {
		border-left: 2px #bcbcbc dotted;
		float:right;
		width: 49%;
		display: inline-block;
	}
	contact p{
		margin-left: 3%;
	}
	contact img {
		margin-left: 3%;
		width: 23%;
	}

}@media screen and (min-width:200px) {
	.nav{
		height: 117px;
		width: 100%;
		top:0;
		background-color: lightgreen;
		box-shadow: 10px 10px 10px lightgray;
		border-radius: 30px;
		position: fixed;
    	}
    	
	.logo{
		height: 44px;
    	width: 136px;
    	padding-top: 7px;
	     }
	     
	.nav-bar{
		padding-top: 20px;
	        }
	
	span{
		padding-left: 20px;
		padding-right: 20px;
	    }

	img{
		max-width: 100%;
		border-radius: 30px;
	   }
	   
	.company-img{
		margin: 2% auto;
		width: 100%;
		overflow: hidden;
		text-align: center;
		        }
		        
	.company-img span img{
		width: 5%;
	                     }
	                     
	.container{
  		position:static;
  		width:17rem;
  		background:lightgreen;
  		border-radius:30px;
  		box-shadow:0 5px 20px lightpink;
  		padding:1rem; 
  		margin:3% 3.5%;
  		text-align:center;
  		display: inline-block;
  	          }

  	
 
}

     footer{
		background: lightgreen;

		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		text-shadow: 2px 2px 2px white;
		color: black;
		overflow: hidden;
		border-radius: 30px 
	}
		
	.footer-left img {
		width: 15%;
	}
	.footer-left {
		float:left;
		width: 49%;
		display: inline-block;
	}
	
  	.footer-right {
		border-left: 2px lightgreen;
		float:right;
		width: 49%;
		display: inline-block;
	}
	contact p{
		margin-left: 3%;
	}
	contact img {
		margin-left: 3%;
		width: 23%;
	}

}